.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.dashboard-tables-click{
    cursor:pointer;
}
.page-header.navbar .page-logo .logo-default {
    margin: 20px 10px 0 10px;
}
@media only screen
    and (min-device-width: 320px) {
    #topbarlogo{
        width: 240px;
    }
}

.customcenterintable{
    text-align: center;
    vertical-align: middle;
}
.spinner {
    margin: 100px auto;
    margin-top: 50vh;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: rgba(0,0,0,0.75);
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
#overlay-wrapper{
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    background-color: transparent;
    z-index: 10000;
    height: 100%;
    position:   fixed;
    display:none;
}
.dataTables_info{
    display: none;
}
.dataTables_wrapper .dataTables_processing {
    display:none;
}
#purchasetable_filter{
    text-align: right;
}
#subaccounttable_filter{
    text-align: right;
}
#subaccounttable_length{
    display:none;
}

#bookVersionsDatatable_filter{
    display:none;
}
#activeStudentDatatable_length{
    display:none;
}
#activeStudentDatatable_filter{
    display:none;
}
#activateDatatable_length{
    display:none;
}
#activateDatatable_filter{
    display:none;
}
#recommended_books_datatable_length{
    display:none;
}
#recommended_books_datatable_filter{
    display:none;
}
#historyBorrowBooks_filter{
    display:none;
}
#historyBorrowBooks_length{
    display:none;
}

#activeStudentDatatable_filter{
    display:none;
}
#bookVersionsDatatable_length{
    display:none;
}


#subaccounttable_filter{
     display: none;
}
#purchasetable_filter{
    display: none;
}
#purchasetable_length{
    display:none;
}
#bookDatatable_filter{
    display: none;
}
#bookDatatable_length{
    display:none;
}

.loginbody{
    background: #3B3F51;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.table-scrollable{
    border: none!important;
}


#other_books_datatable_length{
    display:none;
}

#other_books_datatable_filter{
    display:none;
}
#other_books_datatable_paginate{
    display:none;
}

.dataTables_filter{
    display:none;
}

.dataTables_length{
    display:none;
}

#overlay{
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.9);
    transition: 1s 0.4s;
}

.datepicker.dropdown-menu{
    z-index: 4000000000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}